:root {
  --devui-text: #252b3a;
  --devui-aide-text: #3B3E55;
  --devui-placeholder: #9C9DB4;
  --devui-disabled-text: #BCBCD0;
  --devui-light-text: #FFFFFF;
  --devui-icon-fill: #000000;
  --devui-icon-fill-weak: #3B3E55;
  --devui-icon-fill-hover: #3B3E55;
  --devui-icon-disabled-color: #BCBCD0;
  --devui-icon-bg: #FFFFFF;
  --devui-brand: #2951E0;
  --devui-brand-foil: #4D6EE5;
  --devui-shape-icon-fill: #BCBCD0;
  --devui-shape-icon-fill-hover: #BCBCD0;
  --devui-shape-icon-fill-disabled: #BCBCD0;
  --devui-dividing-line: #E3E3EE;
  --devui-line: #E3E3EE;
  --devui-disabled-line: #D1D1E0;
  --devui-form-control-line: #F1F1F8;
  --devui-form-control-line-hover: #E3E3EE;
  --devui-form-control-line-active: #2951E0;
  --devui-primary: #000000;
  --devui-primary-hover: #333333;
  --devui-primary-active: #000000;
  --devui-primary-disabled: #cccccc;
  --devui-btn-common-bg: #FFFFFF;
  --devui-btn-common-bg-hover: #F9F9FB;
  --devui-disabled-bg: #F9F9FB;
  --devui-btn-common-border-color: #E3E3EE;
  --devui-btn-common-border-color-hover: #8B8CA7;
  --devui-btn-common-border-disabled: #F1F1F8;
  --devui-gray-form-control-bg: #F9F9FB;
  --devui-gray-form-control-hover-bg: #F1F1F8;
  --devui-link: #2951E0;
  --devui-link-light: #94A8F0;
  --devui-link-disabled: #F1F1F8;
  --devui-icon-hover-bg: #F1F1F8;
  --devui-icon-active-bg: #E3E3EE;
  --devui-list-item-active-text: #252b3a;
  --devui-list-item-active-bg: #f2f5fc;
  --devui-global-bg: #F9F9FB;
  --devui-connected-overlay-b: #FFFFFF;
  --devui-list-item-hover-text: #252b3a;
  --devui-list-item-hover-bg: #f2f2f3;
  --devui-feedback-overlay-bg: #3F425A;
  --devui-danger-bg: #F9DADF;
  --devui-danger: #DA203E;
  --devui-contrast: #DA203E;
  --devui-contrast-hover: #E0455E;
  --devui-contrast-active: #A203E;
  --devui-danger-text: #DA203E;
  --devui-warning-bg: #FCE4DA;
  --devui-warning: #ED5F22;
  --devui-warning-text: #F07A47;
  --devui-success-bg: #D6ECE2;
  --devui-success: #088F4E;
  --devui-success-text: #31A26C;

  --devui-font-size: 14px;
  --devui-font-size-card-title: 16px;
  --devui-font-size-page-title: 16px;
  --devui-font-size-modal-title: 18px;
  --devui-font-size-price: 20px;
  --devui-font-size-data-overview: 24px;
  --devui-font-size-icon: 16px;
  --devui-font-size-sm: 12px;
  --devui-font-size-md: 14px;
  --devui-font-size-lg: 14px;
  --devui-font-content-weight: normal;
  --devui-line-height-base: 1.5;

  --devui-border-radius: 4px
}